<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>初识JQuery</title>
		<!-- JQuery 了解javaScript功能：页面上所有触发型效果
		     JQuery的使用方式：
			 1.JQuery官方网站，下载JQuery封装js库，格式：JQuery-1.11.1、js
			                   juquery-2.X.js之后的版本不支持IE 6、7、8
			2.引入JQuery框架【js类库】   在head当中  script元素  导入
			            <script src="js/jquery-1.11.1.js"></script>
			3.编写JQuery框架语法---JS页面动态效果
			在页面最后body前方加script元素，为什么？
			思考：操作页面上面元素，body中生成实际页面上的内容，改变页面效果，
			整个html+css  理解为一颗DOM树  元素、属性、属性值，先存在
			这些元素，才可以进行操作，所以，JS当中DOM树的操作需要等页面元素
			都加载完毕，才可以进行对页面元素进行实质性操作！
			JavaScript行为层     EMCAScript5.0核心语法层--类似与java基础
			                     功能：做逻辑
								 DOM  Document Object Model   文档节点对象模型
								 功能：做页面效果【结合逻辑】
								 DOM树   Document Object Model   文档节点对象模型
								 功能：改变页面效果【结合逻辑】
								 DOM树    document    元素、属性、属性值
								         html
									head      body	 
								meta
								 BOM  Browser Object Model    浏览器对象模型
			 					 功能：做浏览器效果【结合逻辑】
								 
			
			 
			 -->
			 <script src="js/jquery-1.11.1.js"></script>
	</head>
	<body>
		<button>按钮</button>
		<!-- 编写JQ 语法 -->
		<script>
			/*JQ 语法 */
			$("button").click(function(){alert("biezhaoji")})
		</script>
	</body>
</html>